
#navigation ul ul li { 
    visibility: hidden; 
	width: 140px;
	margin-left: 0px;
	padding-left: 20px;
	line-height:15px;
	border: none;
    height: 0;
    opacity: 0;
    -webkit-transition: height .4s, opacity .4s;
    -moz-transition: height .4s, opacity .4s;
    -o-transition: height .4s, opacity .4s;
    transition: height .4s, opacity .4s;
}
#navigation li:hover li { 
    visibility: inherit; 
    height: 25px;
    opacity: 1;
}
#navigation li a:hover {
	padding-left: 6px !important;
	padding-right: 0 !important;
	color: blue;
}
#navigation li a {
	-webkit-transition: padding .4s;
	-moz-transition: padding .4s;
	-o-transition: padding .4s;
	transition: padding .4s;
	padding-right: 6px !important;
	color:  gray;
}
#navigation ul li a {
	display: block;
	padding: 4px 0;
	border-bottom: 1px dotted #aaa;
}
#navigation a:hover,
a:focus,
a:active {
	background-color: blue;
	background-color: rgba( 255, 255, 255, 0.3);
}
#navigation ul
{
	float:left;
	margin-top:5px;
	
}

#navigation ul li
{
	width:160px;
	margin-left:10px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#5f5f5f;
	line-height:25px;
}